<html lang="en"><head>
    <meta charset="UTF-8">

    <meta name="apple-mobile-web-app-title" content="CodePen">

    <title>https://codepen.io/myacode/pen/PoqQQNM</title>

    <link rel="stylesheet" href="./style.css">
    <script src="https://unpkg.com/vue@2"></script>
    <script src="https://codepen.io/jasesmith/pen/bb578a401c45e3f38f096eb64646e76b.js"></script>
</head>
<body>
<div id="container">
    <div id="success-box">
        <div class="dot"></div>
        <div class="dot two"></div>
        <div class="face">
            <div class="eye"></div>
            <div class="eye right"></div>
            <div class="mouth happy"></div>
        </div>
        <div class="shadow scale"></div>
        <div class="message"><h1 class="alert">Success!</h1><p>yay, everything is working.</p></div>
        <button class="button-box"><h1 class="green">continue</h1></button>
    </div>
    <div id="error-box">
        <div class="dot"></div>
        <div class="dot two"></div>
        <div class="face2">
            <div class="eye"></div>
            <div class="eye right"></div>
            <div class="mouth sad"></div>
        </div>
        <div class="shadow move"></div>
        <div class="message"><h1 class="alert">Error!</h1><p>oh no, something went wrong.</div>
        <button class="button-box"><h1 class="red">try again</h1></button>
    </div>
</div>

<footer>
    <p>made by <a href="https://codepen.io/juliepark"> julie</a> ♡
</footer>



</body>
<script src="script.js" type="module"></script>
</html>